<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:wicket="http://wicket.apache.org/">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>WiQuery application</title>
	</head>
	
	<body>
		<wicket:extend>
			<table style="height: 100%; width: 100%;">
				<thead>
					<tr>
						<th>Classic autocomplete</th>
						<th>Autocomplete with Wicket model</th>
					</tr>
				</thead>
				
				<tbody>
					<tr>
						<td style="border-right: 1px black solid;">
							<input type="text" wicket:id="autocomplete" />
						</td>
						
						<td style="border-right: 1px black solid;">
							<form action="#" method="post" wicket:id="form">
								<div wicket:id="autocompleteComponent"></div>
								<input type="submit" wicket:id="submit"  value="submit"/>
								<div wicket:id="feedback"></div>
							</form>
						</td>
						
						<td>
							<form action="#" method="post" wicket:id="formAjax">
								<div wicket:id="autocompleteAjaxComponent"></div>
								<input type="submit" wicket:id="submitAjax"  value="submit"/>
								<div wicket:id="feedbackAjax"></div>
							</form>
						</td>
					</tr>
					
					<tr>
						<td>
							<p>Possible values :</p>
							<ul>
								<li>c++</li>
								<li>java</li>
								<li>php</li>
								<li>coldfusion</li>
								<li>javascript</li>
								<li>asp</li>
								<li>ruby</li>
								<li>python</li>
								<li>c</li>
								<li>scala</li>
								<li>groovy</li>
								<li>haskell</li>
								<li>perl</li>
							</ul>
						</td>
						
						<td>
							<p>Possible values :</p>
							<ul>
								<li>bob</li>
								<li>thomas</li>
								<li>teddy</li>
								<li>patrick</li>
								<li>kevin</li>
								<li>john</li>
								<li>chris</li>
							</ul>
						</td>
						
						<td>
							<p>Possible values :</p>
							<ul>
								<li>c++</li>
								<li>java</li>
								<li>php</li>
								<li>coldfusion</li>
								<li>javascript</li>
								<li>asp</li>
								<li>ruby</li>
								<li>python</li>
								<li>c</li>
								<li>scala</li>
								<li>groovy</li>
								<li>haskell</li>
								<li>perl</li>
							</ul>
						</td>
					</tr>
				</tbody>
			</table>
		</wicket:extend>
	</body>
</html>
